* {
  font-family:      Tahoma;
  font-size:        12px;
}


h1 {
  line-height:      24px;
  font-weight:      normal;
  font-size:        22px;
  font-family:      Georgia;
  margin:           0px;
  margin-bottom:    10px;
  letter-spacing:   -1;
  font-style:       italic;
}


h2 {
  line-height:      24px;
  font-weight:      normal;
  font-size:        18px;
  font-family:      Georgia;
  margin:           0px;
  margin-bottom:    10px;
  letter-spacing:   -1;
  font-style:       italic;
}

body, html {
  height:           100%;
  margin:           0px;
  padding:          0px;
  
}

table {
  width:            100%;
  border-collapse:  collapse;
  border-spacing:   0px;
}

td {
  vertical-align:   top;
  padding:          0px;
}

form {
  padding:          0px;
  margin:           0px;
}

input {
  margin:           0px 0px 10px 0px;
}

input[type=text] {
  padding:          5px;
  border:           1px solid #ccc;
  width:            90%;
}

textarea {
  width:            90%;
  height:           150px;
  border:           1px solid #ccc;  
}

a:link, a:visited, a:hover {
  color:            #cc33cc;
}

a:hover {
  color:            #333;
}

.ColumnMedium {
  width:            50px;
}

.Inline {
  padding:          0px;
  margin:           0px;
}

.Inline li {
  display:          inline;
  list-style:       none;
  margin-left:      0px;
  margin-right:     10px;
    
}

.VisitorUnreadMessage {
  background:       #ccc;
}

.VisitorMessage {
  padding:          5px;
  margin-bottom:    1px;
}

.OperatorMessage {
  padding:          5px;
  margin-bottom:    1px;
}

.Text {
  width:            500px;
  height:           200px;
}

.StringS {
  width:            100px;
}

.StringM {
  width:            200px;
}

.IconCell {
  width:            24px;
  padding:          0px;
  text-align:       center;
}

.Dg {
  border:           0px solid #ccc;
  background:       #ccc;
  border-collapse:  separate;
  border-spacing:   1px;
}

.DgCell {
  vertical-align:   middle;
  height:           24px;
  padding:          5px;
  background:       white;
}

.Content {
  padding:          10px;
}

.Error {
  margin-bottom:    1px;
  background:       firebrick;
  color:            #eee;
  padding:          10px;
}

#Content {
  padding:          10px;
}

#Panel {
  padding:          10px;
  background:       url('/common/images/background.png');
  border-style:     solid;
  border-color:     firebrick;
  border-width:     0px 0px 0px 0px;
}

#Panel a:link, #Panel a:visited, #Subpanel a:link, #Subpanel a:visited {
  color:            #eee;
  font-weight:      normal;
  text-decoration:  none;
}

#Subpanel {
  background:       #333;
  padding:          10px;
}

#Workbench {
  height:           100%;
}

#Sidebar {
  width:            350px;
  border-right:     0px dotted gray;
}

#Footer {
  background:       url('/common/images/background.png');
  color:            #666;
  padding:          10px;
  position:         fixed;
  bottom:           0px;
  width:            100%;
}

#WorkspaceModule {
  margin-left:      10px;
  width:            100%;
  height:           500px;
}

#OperatorChatMessage {
  border:           1px solid #ccc;
  width:            396px;
  height:           100px;
  background:       #eee;
}
